(() => {

  let domGet = {
    btn: document.querySelector('#id_cut_map_btn'),
    canvas: document.querySelector('.mapboxgl-canvas')
  }

  const download = (base64, filename) => {
    // 下载base64图片
    let a = document.createElement('a')
    a.href = base64
    a.download = filename
    a.click()
    a.remove()

    // // 压缩
    //
    // // 做法
    // var img = document.createElement('img')
    // img.src = base64
    // img.onload = () => {
    //   // 创建canvas
    //   // ctx = getContext('2d')
    //   // ctx.drawImage(img, 0, 0, img.width, img.height)
    //   // ctx.toDataURL('image/png')
    // }
  }

  // 点击截图按钮进行截图
  const click_btn_to_cut = () => {
    domGet.btn.onclick = ev => {
      console.log(domGet.canvas);
      let base64 = domGet.canvas.toDataURL('image/png', .1)
      // 下载
      download(base64, 'map.png')
    }
  }

  const __main = function () {
    click_btn_to_cut()
  }

  window.addEventListener('mapCreatedEvent', _ => {
    __main()
  })
})();
